<template>
  <div v-if="false" class="mask-container">
    <div class="bg"></div>
    <div class="mask-wrapper">
      <div class="mask-photo">
        <a href="javascript:void(0);"></a>
        <img src="static/image/prep/mask.png" alt="">
      </div>
      <img @click="close" src="static/image/prep/close.png" alt="" class="close">
    </div>
  </div>
</template>

<script>
  module.exports = {
    props: {
      visible: {
        default: false,
      }
    },
    methods: {
      close() {
        this.$emit('update:visible', false)
      }
    },
    watch: {
      visible(v) {
        v=false
        if (v) {
          document.documentElement.style.overflow = 'hidden'
        } else {
          document.documentElement.removeAttribute('style')
        }
      }
    }
  }
</script>

<style>
</style>